//引入 less 的插件
const CracoLessPlugin = require('craco-less');
const px2rem = require("postcss-pxtorem");

//暴露对象
module.exports = {
    plugins: [
        {
            plugin: CracoLessPlugin,
            options: {
                lessLoaderOptions: {
                    lessOptions: {
                        //   修改 less 的变量  @primary-color less变量 
                        modifyVars: { '@primary-color': '#fe7300' },
                        javascriptEnabled: true,
                    },
                },
            },
        },
    ],
    babel: {
        plugins: [
            ["import", { libraryName: 'antd', style: true }]
        ]
    },
    style:{
        postcss:{
            plugins:[
                px2rem({
                    rootValue: 375/10, // 设计图页面宽度为375, 划分成10份, 指定1rem=37.5
					propList: ['*'],
                })
            ]
        }
    },
};